body,ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,figure,figcaption,nav,input,textarea{margin:0; padding:0;}
ul,li,ol,nav,menu,input{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
body{ font-family:"微软雅黑";font-weight:400;}
input,a{outline:none;}
/* 样式重置 */
body,html{
	height: 100%;
}
.container{
	height: 100%;
	display: flex;
	flex-direction:column;
	background:linear-gradient(245deg,rgba(237,237,237,1) 0%,rgba(227,227,227,1) 100%);
}
/* 头部 */
header{
	flex: 0 0 1.94rem;	
}
header>div{
	width: 6.7rem;
	height: 1.03rem;
	box-sizing: border-box;
	border-bottom: 0.02rem solid #DEDEE3;
	margin: 0.91rem auto 0;
	
}
header .iconfont{
	width: 0.44rem;
	height: 0.36rem;
	font-size: 0.36rem;
	float: left;
	margin-top: 0.15rem;
}
header>div>h2{
	margin-left: 2.04rem;
	float: left;
	font-size: 0.44rem;
	line-height: 0.53rem;
	color:rgba(35,35,35,1);
}
/* 主体 */
.center{
	flex: 1;
	overflow: auto;
	box-sizing: border-box;
	padding: 0 0.4rem;
}

/* 底部 */
footer{
	height:1.16rem;
	background:rgba(226,226,226,1);
	opacity:1;
	display: flex;
	position: relative;
}

footer p:nth-child(1){
	width:0.59rem;
	height:0.52rem;
	
	color:rgba(203,203,203,1);
	opacity:1;
	margin-left: 0.4rem;
	margin-right: 0.34rem;
	margin-top: 0.4rem;
	font-size: 0.52rem;
}
footer p:nth-child(2){
	width:0.02rem;
	height:0.40rem;
	background:rgba(214,214,214,1);
	opacity:1;
	margin-top: 0.46rem;
	margin-right: 0.36rem;
}
footer p:nth-child(3){
	width:0.52rem;
	height:0.52rem;
	opacity:1;
	margin-top: 0.3rem;
	margin-right: 0.6rem;
	font-size: 0.7rem;
	color:rgba(203,203,203,1);
}
footer p:nth-child(4){
	width:1.9rem;
	height:0.95rem;
	border:0.02rem solid  ;
	border-radius: 0.95rem 0.95rem 0 0;
	border-color:rgba(80,81,181,1) transparent transparent rgba(80,81,181,1);
	opacity:1;
	margin-top: -0.16rem;
	box-sizing: border-box;
	transition-property: transform;
	
}
footer p:nth-child(4) span:nth-child(1){
	display: block;
	width:0.48rem;
	height:0.58rem;
	opacity:1;
	position: absolute;
	top: 0.3rem;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.58rem;
	color:rgba(203,203,203,1);
	transition-property: transform;
	
	
}
footer p:nth-child(4) span:nth-child(2){
	display: block;
	width: 2rem;
	height: 0.64rem;
	background:rgba(226,226,226,1);
	margin-left: -0.05rem;
	margin-top: 0.66rem;
}

footer p:nth-child(5){
	
	width:0.49rem;
	height:0.49rem;
	color:rgba(203,203,203,1);
	opacity:1;
	margin-top: 0.34rem;
	margin-left: 0.46rem;
	margin-right: 0.49rem;
	font-size: 0.52rem;
}
footer p:nth-child(6){
	width:0.02rem;
	height:0.40rem;
	margin-top: 0.46rem;
	background:rgba(214,214,214,1);
	opacity:1;
	margin-right: 0.4rem;
}
footer p:nth-child(7){
	margin-top: 0.34rem;
	width:0.54rem;
	height:0.48rem;
	color:rgba(203,203,203,1);
	opacity:1;
	font-size: 0.52rem;
}


